/**
 * 将该数据显示以 ul 和 li 的形式展示在网页中
 * 在浏览器中完成 HTML 的构建, 这种方式被称之为是 『客户端渲染』
 */
let tfboy = [
  '王俊凯',
  '易烊千玺',
  '王源'
];

//创建节点
let ul = document.createElement('ul');

tfboy.forEach(item => {
  //创建 li 元素
  let li = document.createElement('li');
  // 设置文本
  li.innerHTML = item;
  //将 li 元素插入到 ul 中
  ul.append(li);
});

//将 ul 插入到 body 中
document.body.append(ul);

